{include file="common/head" /}
<body>
<div id="menu" class="hover_animation menu_open" data-mark="false">
    <span></span>
    <span></span>
    <span></span>
</div>
<div id="navgation" class="navgation navgation_close">
    <ul class="point">
        <li><a href="{:url('index/index')}">首页</a></li>
        <li><a href="{:url('index/article')}">博客</a></li>
        <li><a href="{:url('index/message')}">留言</a></li>
    </ul>
    <div class="logo"><a>Mr.Gui</a></div>
</div>
<div class="section" id="section1">
    <div class="fp-tablecell">
        <div class="page1">
            <div class="nav wow zoomIn" data-wow-duration="2s">
                <h1>鬼鬼</h1>
                <p>剑气纵横三万里,一剑光寒十九洲</p>
                <a class="layui-btn layui-btn-normal" style="margin-top: 20px" href="{:url('index/article')}">Enter Blog</a>
            </div>
            <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
        </div>
    </div>
</div>
<div class="section" id="section2">
    <div class="fp-tablecell">
        <div class="page2">
            <div class="warp-box">
                <div class="new-article">
                    <div class="inner wow fadeInDown" data-wow-delay=".2s">
                        <h1>热门文章</h1>
                        <p>
                            {$site.info}
                            <br>{$site.info1}
                        </p>
                    </div>
                </div>
                <div class="layui-row">
                    {volist name="list" id="vo"}
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".{$key*2}s" style="padding: 0 10px">
                        <div class="single-news">
                            <div class="news-head">
                                <img src="{$vo.image}">
                                <a href="{:url('index/article')}" class="link"><i class="fa fa-link"></i></a>
                            </div>
                            <div class="news-content">
                                <h4>
                                    <a href="#">
                                        {$vo.title}
                                    </a>
                                </h4>
                                <div class="date">
                                    {$vo.createtime|date='Y-m-d H:i:s',###}
                                </div>
                                <p>
                                    {$vo.abstract}
                                </p>
                                <a href="{:url('index/read')}?id={$vo.id}" class="btn">
                                    阅读更多
                                </a>
                            </div>
                        </div>
                    </div>
                    {/volist}
                </div>
            </div>
        </div>
    </div>
</div>
<div class="section" id="section3">
    <div class="fp-tablecell">
        <div class="page3">
            <div class="warp-box">
                <div class="warp">
                    <div class="inner">
                        <div class="links">
                            <ul>
                                <li class="wow fadeInLeft"><a href="#">关于</a></li>
                                <li class="wow fadeInRight"><a href="{:url('index/link')}">+友情链接</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="section" id="section4">
    <div class="fp-tablecell">
        <div class="page4">
            <div class="warp-box">
                <div class="about">
                    <div class="inner">
                        <h1 class="wow fadeInLeft">梦想</h1>
                        <p class="wow fadeInRight">
                            等着有一天我爱的女人,突然出现在我眼前,等着她跳入我的怀里。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer class="footer wow fadeInUp" id="contact">
    <div class="footer-top">
        <div class="container">
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                    <div class="single-widget about">
                        <div class="footer-logo">
                            <h2>鬼鬼</h2>
                        </div>
                        <p>剑气纵横三万里，一剑光寒十九洲。</p>
                        <div class="button">
                            <a href="#" class="btn layui-btn layui-btn-normal">关于我</a>
                        </div>
                    </div>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                    <div class="single-widget">
                        <h2>相关链接</h2>
                        <ul class="social-icon">
                            <li class="active"><a href="{:url('index/article')}"><i class="fa fa-book"></i>博文</a></li>
                            <li class="active"><a href="{:url('index/message')}"><i class="fa fa-comments"></i>留言</a></li>
                            <li class="active"><a href="#"><i class="fa fa-share"></i>资源</a></li>
                            <li class="active"><a href="#"><i class="fa fa-snowflake-o"></i>日记</a></li>
                            <li class="active"><a href="#"><i class="fa fa-files-o"></i>归档</a></li>
                        </ul>
                    </div>
                </div>
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
                    <div class="single-widget contact">
                        <h2>联系我</h2>
                        <ul class="list">
                            <li><i class="fa fa-map"></i>地址: 这是一个小秘密</li>
                            <li><i class="fa fa-qq"></i>QQ: 547761756  </li>
                            <li><i class="fa fa-envelope"></i>邮箱: 547761756@qq.com</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="container">
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
                    <p>Copyright &copy; 2019-2022 鬼鬼 蜀ICP备19029844号</p>
                </div>
            </div>
        </div>
    </div>
</footer>
<script src="__CDN__/index/layui/layui.js"></script>
<script src="__CDN__/index/js/wow.min.js"></script>
<script src="__CDN__/index/js/index.js"></script>
</body>
</html>